<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="主页demo/js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="./练习demo/css/iconfont.css">
    <style>
        .icon{
            width: 50px;
            height: 50px;
            border: 1px solid red;
        }
        .icon-item{
            width: 100%;
            height: 50px;
            border: 1px solid black;
            text-align: center;
            line-height:50px;
        }
        .ifnone{
            display: none;
        }
		.main{
				width: 1500px;
				
				border: 1px solid red;
				display: flex;
				flex-wrap: wrap;
		}
		.div{
			background-color: gold;
			width: 200px;
			height: 200px;
			margin: 10px;
		}
		.div1{
			width: 200px;
			height: 200px;
			background-color: #000000;
			
		}
		.tobig{
			width:200px;
			height: 200px;
			background-color: black;
			transition: all 0.5s ease-in-out;
		}
		.tobig2{
			width:200px;
			height: 200px;
			background-color: red;
			transition: all 0.5s ease-in-out;
		}
		.tobig:hover{
			transform: scale(1.3) rotateZ(180deg);
			
		}
		.tobig2:hover{
		/* 	width: 250px;
			height: 250px; */
			transform: translate3d(0,0,100px);
		}
    </style>

</head>
<body>


<div class="icon">
    <div class="icon-item"> <i class="iconfont icon-tubiao-" ></i></div>
    <div class="icon-item ifnone"><i class="iconfont icon-aixin" ></i></div>
</div>


<div class="main">
	<div class="div"></div>
	<div class="div"></div>
	<div class="div"></div>
	<div class="div"></div>
	<div class="div"></div>
	<div class="div1"></div>
</div>


<div class="tobig">
	放大1
</div>
<div class="tobig2">
	放大2
</div>

<script>
    $(function () {
        $(".icon-item").click(function () {
            $(this).siblings().toggleClass("ifnone");
            $(this).toggleClass("ifnone");
        })
		
		var str = "abcdaabbssaaa";
		var reg = new RegExp("a","g");
		var a = str.replace(reg,"");
		// console.log(a);
		function abc(a,b,c){
				return [c,b,a]
		}
		console.log(...abc(1,2,3));
    })
</script>
</body>
</html>